<template>
  <div>
    <MySearch></MySearch>
    <typeNav></typeNav>
    <ListContainer style="height: 600px"></ListContainer>
    <GoodsList mytitle="精品女鞋" :topList="femaletop"></GoodsList>
    <GoodsList mytitle="品质男鞋" :topList="mantop"></GoodsList>
    <!-- <MyFoot></MyFoot> -->
  </div>
</template>

<script>
// @/pages/myHome/ListContainer
import ListContainer from "@/pages/home/ListContainer/index.vue";
import GoodsList from "@/pages/home/GoodsList/index.vue";
import { mapState } from "vuex";
export default {
  data() {
    return {
      mytitle: "",
      topList: [],
    };
  },
  components: {
    ListContainer,
    GoodsList,
  },
  mounted() {
    this.$store.dispatch("getFemaleShoesTop");
    this.$store.dispatch("getManShoesTop");
  },
  computed: {
    ...mapState({
      femaletop: (state) => state.home.femaletop,
      mantop: (state) => state.home.mantop,
    }),
  },
};
</script>

<style >
</style>